﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">
<head>


    <title>Bootstrap 基本布局</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 让部分国产浏览器默认采用高速模式渲染页面 -->
    <meta name="renderer" content="webkit">

    <!-- 引入 Bootstrap -->
    <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <!-- 引入 font-awesome字体图标 -->
    <link href="Content/css/font-awesome.min.css" rel="stylesheet" />

    <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
        <script src="Scripts/html5shiv.js"></script>
        <script src="Scripts/respond.js"></script>
        <![endif]-->
    <!-- ace styles -->
    <link href="Content/ace.min.css" rel="stylesheet" />
    <link href="Content/ace-rtl.min.css" rel="stylesheet" />
    <link href="Content/ace-skins.min.css" rel="stylesheet" />
    <!--[if lte IE 8]>
      <link rel="stylesheet" href="Content/ace-ie.min.css" />
    <![endif]-->
    <!-- 引入本站样式 -->
    <link href="Content/site.css" rel="stylesheet" />
</head>
<body>
    <!--头部区开始-->
    <div class="navbar navbar-default navbar-fixed-top" id="navbar">
        <div class="navbar-container" id="navbar-container">
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                        <i class="fa fa-send"></i> 后台管理系统
                    </small>
                </a>
            </div>

            <div class="navbar-header pull-right" role="navigation">
                <ul class="nav ace-nav">
                    <li>
                        <a href="#">
                            <i class="fa fa-key"></i> 修改密码

                        </a>
                    </li>

                    <li>
                        <a href="#">
                            <i class="fa fa-sign-out"></i> 注销

                        </a>
                    </li>
                    <li class="light-blue">
                        <a class="dropdown-toggle  " data-toggle="dropdown" href="#">
                            <i class="fa fa-user fa-2x"></i>
                            <span class="user-info">
                                <small>欢迎，</small>
                                管理员
                            </span>
                            <i class="fa fa-caret-down"></i>
                        </a>
                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow ">
                            <li><a href="#"><i class="fa fa-key"></i> 修改密码</a></li>
                            <li><a href="#"><i class="fa fa-gear"></i> 设置</a></li>
                            <li class="divider"></li>
                            <li><a href="#"><i class="fa fa-power-off"></i> 退出</a></li>
                        </ul>
                    </li>
                </ul>
                <!--登陆信息，设置</p>-->
                <!--<span class="glyphicon glyphicon-search"></span>
                <button type="button" class="btn btn-primary btn-lg" style="text-shadow: black 5px 3px 3px;">
                    <span class="glyphicon glyphicon-user"></span> User
                </button>-->
            </div>
        </div>
    </div>
    <!--头部区结束-->
    <!--内容区开始-->
    <div class="main-container" id="main-container">
          
            <div class="container-fluid navbar-fixed-top">
                <div class="row">
                   
                        <ul id="main-nav" class="nav nav-tabs nav-stacked" style="">
                            <li class="active">
                                <a href="#">
                                    <i class="glyphicon glyphicon-th-large"></i>
                                    首页
                                </a>
                            </li>
                            <li>
                                <a href="#systemSetting" class="nav-header collapsed" data-toggle="collapse">
                                    <i class="glyphicon glyphicon-cog"></i>
                                    系统管理
                                    <span class="pull-right glyphicon glyphicon-chevron-down"></span>
                                </a>
                                <ul id="systemSetting" class="nav nav-list collapse secondmenu" >
                                    <li><a href="#"><i class="glyphicon glyphicon-user"></i>用户管理</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-th-list"></i>菜单管理</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-asterisk"></i>角色管理</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-edit"></i>修改密码</a></li>
                                    <li><a href="#"><i class="glyphicon glyphicon-eye-open"></i>日志查看</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="./plans.html">
                                    <i class="glyphicon glyphicon-credit-card"></i>
                                    物料管理
                                </a>
                            </li>

                            <li>
                                <a href="./grid.html">
                                    <i class="glyphicon glyphicon-globe"></i>
                                    分发配置
                                    <span class="label label-warning pull-right">5</span>
                                </a>
                            </li>

                            <li>
                                <a href="./charts.html">
                                    <i class="glyphicon glyphicon-calendar"></i>
                                    图表统计
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="glyphicon glyphicon-fire"></i>
                                    关于系统
                                </a>
                            </li>

                        </ul>
                    
                </div>
            </div>

        <!-- /.nav-list -->
        <!--<div class="sidebar-collapse" id="sidebar-collapse">
        </div>-->

    </div>
    <!--侧边导航结束-->
    <!--内容开始-->
    <div class="main-content">
        <div class="breadcrumbs breadcrumbs-fixed" id="breadcrumbs">
            <script type="text/javascript">
                try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
            </script>
            <!--面包屑-->
            <ul class="breadcrumb">
                <li>
                    <i class="fa fa-home"></i>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">系统管理</a>
                </li>
                <li class="active">系统配置</li>
            </ul><!--面包屑-->

            <div class="nav-search" id="nav-search">
                <form class="form-search">
                    <span class="input-icon">
                        <input type="text" placeholder="搜索 ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
                        <i class="icon-search nav-search-icon"></i>
                    </span>
                </form>
            </div><!-- #nav-search -->
        </div>
        <!--内容主体开始-->
        <div class="page-content">
            <div class="row">
                <div class="col-xs-12">
                    <!-- PAGE CONTENT BEGINS -->
                    <p>***第1行</p>
                    <p>***第2行</p>
                    <p>***第3行</p>
                    <p>***第4行</p>
                    <p>***第5行</p>
                    <p>第1行</p>
                    <p>第2行</p>
                    <p>第3行</p>
                    <p>第4行</p>
                    <p>第5行</p><p>第1行</p>
                    <p>第2行</p>
                    <p>第3行</p>
                    <p>第4行</p>
                    <p>第5行</p><p>第1行</p>
                    <p>第2行</p>
                    <p>第3行</p>
                    <p>第4行</p>
                    <p>第5行</p><p>第1行</p>
                    <p>第2行</p>
                    <p>第3行</p>
                    <p>第4行</p>
                    <p>第5行</p>
                    <p>第1行</p>
                    <p>第2行</p>
                    <p>第3行</p>
                    <p>第4行</p>
                    <p>第5行</p>
                    <p>第1行</p>
                    <p>第2行</p>
                    <p>第3行</p>
                    <p>第4行</p>
                    <p>第5行</p>
                    <p>第1行</p>
                    <p>第2行</p>
                    <p>第3行</p>
                    <p>第4行</p>
                    <p>第5行</p>
                    <!-- PAGE CONTENT ENDS -->
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- <!--内容主体结束 page-content -->
    </div><!-- /.main-content -->
    <!--内容开始-->
    </div>
    <!--内容区结束-->
    <!-- 加入基础脚本文件 -->
    <script src="Scripts/jquery-2.1.3.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
    <!-- 加入基础脚本 -->
    <link href="Content/ace.min.css" rel="stylesheet" />
    <!-- 本页面特有脚本 -->
</body>
</html>